
<html>

<title>Second Test of Section 5.5.24 of CSS1 Spec</title>

<style type="text/css">
body {height: 100px}
p {height: }
h3 {height: 20px}
h4 {height: 50%}
img {height: 30px}
</style>
</head>



<body>




<h1 >Testing Statement #2 Below of Section 5.5.24 of CSS1 Spec</h1>






<ul>
<li>
2. For "height", initial is auto, it applies to block-level and replaced elements,
it is not inherited, and percentage values are N/A.
</ul>




<h2>
PASS CRITERIA:
</h2>
<p >

If statement #2 above is passed, this paragraph should have a height of 
auto.  THe rule applied is "p {height: }".
Also, a general rule applied is "body {height: 100px}".
<h3>
This h3 element should have a height of 20px.
The rule applied is "h3 {height: 20px}".
</h3>
<img src="ovalbbut.gif">This replaced element (img) should have a
height of 30px.  The rule applied is "img {height: 30px}".
This image should be a green oval button.
<h5>
This h5 element should have a height of UA-default, even though h5 is
a child of body, which has a height of 100px.  This is because the
height property is not inherited.
</h5>
<h4>
THis h4 element should have a height of UA-default. 
The rule stated is "h4 {height: 50%}" which should be ignored
since percentages are not applicable.
</h4>





<p>
All other properties of this page should be UA-default.


</body>
</html>
